<template>
  <div>
    <div class="mystudy">
      <div class="info">
          <div class="tou">
            <img :src="$store.state.user.userimg" alt="">
          </div>
          <div class="name">
            <p>{{$store.state.user.username}}</p>
            <span>{{$store.state.user.userinfo}}</span>
          </div>
      </div>
      <ul>
        <li>我的收藏</li>
        <li>我的订阅</li>
        <li>我的下载</li>
      </ul>
    </div>
    <div class="now">
      <h3><span>在学课程</span><a href="javascript:;">查看全部<i class="el-icon-arrow-right"></i></a></h3>
      <div class="nowitem">
        <div class="txt">asd</div>
        <div class="classimg">fff</div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped>
.mystudy{
  background-color: #ffffff;
  margin-bottom: 0.2rem;
}
.info{
  height: 1.3rem;
  /* padding: 0.4rem; */
  display: flex;
}
.name{
  margin-left: 0.2rem;
  width: 100%;
}
.name p{
  font-size: 0.36rem;
  line-height: 0.2rem;
}
.name span{
  font-size: 0.36rem;
  color: #a6a6a6;
}
.mystudy img{
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
ul{
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.36rem;
  text-align: center;
  display: flex;
}
ul li{
  flex: 1;
}
.now{
  background-color: #ffffff;
}
h3{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 1rem;
  padding: 0 0.3rem;
  font-size: 0.36rem;
}
h3 a{
  counter-reset: #a6a6a6;
  font-weight: normal;
  font-size: 0.36rem;
}
.nowitem{
  padding: 0.4rem 0.3rem;
  display: flex;
  justify-content: space-between;
}
.classimg{
  width: 0.62rem;
  height: 0.4rem;
}
.txt{
  flex: 1;
  font-size: 0.36rem;
}
.classimg img{
  width: 100%;
  height: 100%;
}
</style>